// 基础样式
*{margin:0; padding:0;}
i{font-style: normal;font-weight: normal;}
img { border: none;max-width: 100%;width: 100%;}
ol, ul, li { list-style: none;}
// rem计算
$fontSize: 72;
@function rem($n) {
  @return ($n / $fontSize) * 1rem;
}
// 表情样式
#faceMaskBg{position: fixed; z-index: 100; top: 0; left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);}
#faceBox{position: fixed;width: 95%;top: 0;left: 51%;border-radius:rem(20);background-color: #f8f8f8;overflow: hidden;
z-index: 101;transform: translateX(-51%);padding: rem(15) 0;}
.faceList{position: relative;}
.faceHandle{width: rem(66);margin: 0 auto;clear: both;padding-top: rem(15);padding-bottom: rem(10);
    i{ float: left; width: rem(10); height: rem(5); background-color: #bbb; margin: 0 rem(6);}
    i.active{ background-color: #F04D03;}
}
.faceItem{float: left;}
.faceicon{float: left;margin: rem(4) 0;width:rem(97);height:rem(60);background-repeat: no-repeat;background-size: rem(50) auto;
-webkit-background-size: rem(60) auto;}
.facecss{display: inline-block;width: rem(35);height: rem(35);float: none;background-size: 100% auto;margin: 0;}

.face1{background-position: 50% 0;} 
.face2{background-position: 50% 3.5%;}
.face3{background-position: 50% 7.5%;}
.face4{background-position: 50% 11.1%;}
.face5{background-position: 50% 14.8%;}
.face6{background-position: 50% 18.5%;}
.face7{background-position: 50% 22.1%;}
.face8{background-position: 50% 26%;}
.face9{background-position: 50% 29.8%;}
.face10{background-position: 50% 33.5%;}
.face11{background-position: 50% 37.2%;}
.face12{background-position: 50% 40.8%;}
.face13{background-position: 50% 44.5%;}
.face14{background-position: 50% 48.1%;}
.face15{background-position: 50% 52%}
.face16{background-position: 50% 55.7%}
.face17{background-position: 50% 59.4%;}
.face18{background-position: 50% 63.2%}
.face19{background-position: 50% 66.6%;}
.face20{background-position: 50% 70.5%}
.face21{background-position: 50% 74.1%;}
.face22{background-position: 50% 77.9%;}
.face23{background-position: 50% 81.6%;}
.face24{background-position: 50% 85.2%}
.face25{background-position: 50% 89%}
.face26{background-position: 50% 92.9%;}
.face27{background-position: 50% 96.5%}
.face28{background-position: 50% 100%;}